<?php
  
    $ci = array(
        'name' => 'ci_participante',
        'size'=>'10',
        'class' => 'form-control',
        'autofocus' => '',
        );
    $nombres = array(
        'name' => 'nombres_participante',
        
        'class' => 'form-control',
         'maxlength'   => '50',
         'size'        => '50'
        );
    $apellidop = array(
        'name' => 'apellidop_participante',
        
        'class' => 'form-control',
         'maxlength'   => '50',
         'size'        => '50'
        );
    $apellidom = array(
        'name' => 'apellidom_participante',
        
        'class' => 'form-control',
         'maxlength'   => '50',
         'size'        => '50'
        );
      
     $datepicker = array(
        'name' => 'datepicker_participante',
        'id'=>'datepicker' ,
        'readonly'=>'readonly'
       
        ); 
      $nacionalidad = array(
        'name' => 'nacionalidad_participante',
        
        'class' => 'form-control',
         'maxlength'   => '50',
         'size'        => '50'
        );
          
     $profesion = array(
        'name' => 'profesion_participante',
        'class' => 'form-control',
         'maxlength'   => '200',
         'size'        => '50',
        'rows'=>'5'
        
        );
     $telefono1 = array(
        'name' => 'tel1_participante',
        'class' => 'form-control',
         'maxlength'   => '200',
         'size'        => '50',
        'rows'=>'5'
        
        );
     $telefono2 = array(
        'name' => 'tel2_participante',
        'class' => 'form-control',
         'maxlength'   => '200',
         'size'        => '50',
        'rows'=>'5'
        
        );
     $direccion = array(
        'name' => 'dir_participante',
        'class' => 'form-control',
         'maxlength'   => '200',
         'size'        => '50',
        'rows'=>'5'
        
        );
     $emailpersonal = array(
        'name' => 'email1_participante',
        'class' => 'form-control',
         'maxlength'   => '200',
         'size'        => '50',
        'rows'=>'5'
        
        );
     $emailinstitucional = array(
        'name' => 'email2_participante',
        'class' => 'form-control',
         'maxlength'   => '200',
         'size'        => '50',
        'rows'=>'5'
        
        );
      $canthoras = array(
        'name' => 'horastrabajadas_participante',
        'class' => 'form-control',
         'maxlength'   => '200',
         'size'        => '50',
        'rows'=>'5'
        
        );
        
    $submit = array(
        'name' => 'submitGuardar',
        'value' => 'Guardar',
        'class' => 'btn btn-lg btn-danger btn-block'
        );
    
?>


    <style type="text/css">


    h1 {
        color: #444;
        background-color: transparent;
        border-bottom: 1px solid #D0D0D0;
        font-size: 19px;
        font-weight: normal;
        margin: 0 0 14px 0;
        padding: 14px 15px 10px 15px;
    }

    #body{
        margin: 0 15px 0 15px;
    }
    
    p.footer{
        text-align: right;
        font-size: 11px;
        border-top: 1px solid #D0D0D0;
        line-height: 32px;
        padding: 0 10px 0 10px;
        margin: 20px 0 0 0;
    }
    
    #container{
        margin-left:auto;
        margin: 15px;
        border: 1px solid #D0D0D0;
        -webkit-box-shadow: 0 0 8px #D0D0D0;
    }
    /******************************************/
    .success{color: green; font-size:13px;} .error{color: red; font-size:13px;} 
    </style>
<link rel="stylesheet" type="text/css" href="http://localhost/nuevo/assets/styles/jquery-ui.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost/nuevo/assets/styles/demos.css"/>
<script type="text/javascript" src="http://localhost/nuevo/assets/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://localhost/nuevo/assets/js/jquery-ui.js"></script>    
<script>
    $(function() {
        
          
          $('#datepicker').datepicker({
             
        
            showOn: "button",
      buttonImage: "http://localhost/nuevo/assets/img/DatePicker.gif",
      buttonImageOnly: true,
                        changeMonth: true,
                        changeYear: true
                });
               
       
            $( "#datepicker" ).datepicker( "option", "dateFormat", 'yy/mm/dd');    // Le pasamos el formato de la fecha
           
    });
</script>

<h1>Registro de Participantes</h1>


     <?=form_open('participante/index')?>
        <fieldset>
        <legend><b>Datos Participante:</b></legend>  
        <div style="float:left; width:220px; height:40px; margin-top:4px;"> 
        <div class="formfield">
            <label for="ci">Cedula de Identidad:</label><br/>
            <?=form_input($ci) ?>
            <?=form_error('Ci')?>  
        </div>
        </div>
        <div style="float:left; width:600px; height:80px; margin-top:8px;"> 
        <div class="formfield">
        <br />
             <label for="sep"> - <select name="dptoci" id="dptoci">
                <option value="">Seleccionar</option>
                <option value="BNI">BNI</option>
                <option value="CBA">CBA</option>
               <option value="LPZ">LPZ</option>
                <option value="ORU">ORU</option>
               <option value="PND">PND</option>
                <option value="PSI">PSI</option>
               <option value="SCZ">SCZ</option>
                <option value="CHQ">CHQ</option>
               <option value="TJA">TJA</option>
             </select>
             </label> 
        </div>   
        </div>
        <br />
        <br />
        <br />
        <br />
           <h1></h1>    
        <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
            <label for="nom">Nombres:</label><br/>
            <?=form_input($nombres)?>
            <?=form_error('Nombres')?>

        </div>   
        </div>
     
        <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
            <label for="appp">Apellido Paterno:</label><br/>
            <?=form_input($apellidop)?>
            <?=form_error('Apellidop')?>

        </div> 
        </div>   
         
        <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
            <label for="appm">Apellido Materno:</label><br/>
            <?=form_input($apellidom)?>
            <?=form_error('Apellidom')?>

        </div> 
        </div>  
         
        <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
            <label for="dir">Nacionalidad:</label><br/>
            <?=form_input($nacionalidad)?>
            <?=form_error('Nacionalidad')?>

        </div> 
        </div>       
       
        <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
            <label for="dir">Direccion:</label><br/>
            <?=form_input($direccion)?>
            <?=form_error('Direccion')?>

        </div> 
        </div>          
        <div style="float:left; width:300px; height:80px; margin-top:10px;"> 
        <div class="formfield">
         <label for="fechan">Fecha Nacimiento:</label><br/>
        </div>
        
        <div class="container">
         <?=form_input($datepicker)?>
            <?=form_error('Datepicker')?>

            
            
        </div> 
        </div>
        <div style="float:left; width:300px; height:80px; margin-top:10px;"> 
             <div class="formfield">
             <label for="sex">Sexo:</label>
             <select name="sexo" id="sexo">
                <option value="">Seleccionar</option>
                <option value="f">Femenino</option>
                 <option value="m">Masculino</option>
             </select>
             
             </div>
             </div> 
        <div style="float:left; width:300px; height:80px; margin-top:10px;"> 
             <div class="formfield">
             <label for="d">Departamento:</label>
             <select name="dpto" id="dpto">
                <option value="">Seleccionar</option>
                <option value="Beni">Beni</option>
                 <option value="Chuquisaca">Chuquisaca</option>
                <option value="Cochabamba">Cochabamba</option>
               <option value="LaPaz">La Paz</option>
                <option value="Oruro">Oruro</option>
               <option value="Pando">Pando</option>
                <option value="Potosi">Potosi</option>
               <option value="SantaCruz">Santa Cruz</option>
               <option value="Tarija">Tarija</option>
               
             </select>
             
             </div>
             </div> 
       
        </fieldset>
        <br />
        <fieldset> 
         <legend><b>Datos Participante :</b></legend>  

         <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
            <label for="profesion">Profesion:</label><br/>
            <?=form_input($profesion)?>
            <?=form_error('Profesion')?>

        </div> 
        </div>          
        
         <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
            <label for="tel1">Telefono 1:</label><br/>           
            <?=form_input($telefono1)?>
            <?=form_error('Telefono1')?>

        </div> 
        </div>          
      
        
         <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
            <label for="tel2">Telefono 2:</label><br/>
            <?=form_input($telefono2)?>
            <?=form_error('Telefono2')?>

        </div> 
        </div>          
        
          
        
         <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
            <label for="emailP">Email Personal:</label><br/>
            <?=form_input($emailpersonal)?>
            <?=form_error('Emailpersonal')?>

        </div> 
        </div>          
         <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
            <label for="emailI">Email Institucional:</label><br/>
            <?=form_input($emailinstitucional)?>
            <?=form_error('Emailinstitucional')?>

        </div> 
        </div>          
        
         <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
            <label for="Canth">Cantidad de Horas:</label><br/>
            <?=form_input($canthoras)?>
            <?=form_error('Canthoras')?>

        </div> 
        </div>          
        </fieldset>
         <div style="float:left; width:300px; height:80px; margin-top:8px;"> 
        <div class="formfield">
                       <?=form_submit($submit)?>
            <?php 
                if($this->session->flashdata('usuario_incorrecto'))
                {
            ?>
            <?=$this->session->flashdata('usuario_incorrecto')?>
            <?php
                }
            ?>
            <?=form_close()?>

        </div> 
        </div>          
        
	
</form>
